import { createRouter, createWebHistory } from "vue-router";
import Home from "@/pages/Index.vue"
import ReactiveObjectAssign from "@/pages/ReactiveObjectAssign.vue";
import RefArray from "@/pages/RefArray.vue";
import DOMManipulation from "@/pages/DOMManipulation.vue";
import VDeep from "@/pages/VDeep.vue";
import TailwindCSS from "@/pages/TailwindCSS.vue";

const routes = [
  {
    path: '/',
    component: Home
  },
  {
    path: '/reactive-object-assign',
    component: ReactiveObjectAssign
  },
  {
    path: '/ref-array',
    component: RefArray
  },
  {
    path: '/dom-manipulation',
    component: DOMManipulation
  },
  {
    path: '/v-deep',
    component: VDeep
  },
  {
    path: '/tailwindcss',
    component: TailwindCSS
  }
]

const router = createRouter({
  history: createWebHistory(),
  routes
})

export default router
